article {
    width: 960px;
    margin: 0 auto;
    background-color: aquamarine;
}

h1 {
    text-align: center;
    /*文本居中*/
    font-size: 34px;
    /*字体大小*/
    font-weight: 500;
    /*字体粗细没有单位，取值范围是100 200 。。900
        normal=400 bold=700 bolder=900*/
}

address {
    font-style: normal;
    /*字体样式 正常    italic:斜体的*/
}

address a {
    color: #000;
    text-decoration: none;
    /*文本装饰线*/
}

address a:hover {
    color: blue;
    text-decoration: underline;
}

address span {
    margin: 0 20px;
    /*让span左右有间隔*/
}

address time {
    color: gray;
}

figure {
    text-align: center;
}

figure img {
    width: 100%;
    margin-bottom: 30px;
}

figcaption {
    color: gray;
}

p {
    margin: 30px 0;
    font-size: 20px;
    line-height: 32px;
    /*行高 字体默认大小是16px*/
    text-indent: 40px;
    /*文本缩进*/
}

.head {
    border: 1px solid #777;
    padding: 2px 14px;
    /*边框圆角*/
    border-radius: 5px;
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: */
}

.head:hover {
    background-color: blue;
    color: white;
    border-color: blue;
}
address>div{
    display: inline-block;
}
/*
    行元素 inline
    块元素 block
    行内块 inline-block

    display: none; 隐藏没有了,相当于删除，原来文档流就没有位置了
    visibility: hidden; 仅仅是隐藏，原来的位置还保留
*/
.add-r{
    float: right;
    /*浮动*/
}
.add-r .share{
    margin-right: 0;
}